<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="login.css"/>
</head>

<body>
	
    <div class="wrapper">
		<div class="header-bar">
			<div class="header content clearfix">
				<img class="logo" src="images/noHUST.png">
				<span class="signup-button">
					<a id="link-signup" class="button button-red" href="SignUp.html">Sign Up </a>
				</span>
			</div>
		</div>
	</div>

    <div class="main content clearfix">
      <div class="sign-in">
        <div class="signin-box">
            <h2>Sign In <strong></strong></h2>
            <form novalidate="" id="gaia_loginform" action="#" method="post">
                <div class="email-div">
                    <label for="Email"><strong class="email-label">Email</strong></label>
                    <input spellcheck="false" name="Email" id="Email" value="" type="email">
                </div>
            
                <div class="passwd-div">
                    <label for="Passwd"><strong class="passwd-label">Password</strong></label>
                    <input name="Passwd" id="Passwd" type="password">
                </div>
                <input id="signIn" class="button button-submit" type="submit" value="Sign In" name="signIn">
                <label class="remember" onclick="">
                    <input id="PersistentCookie" type="checkbox" checked="checked" value="yes" name="PersistentCookie">
                    <strong class="remember-label"> Stay signed in </strong>
                </label>
            </form>
            <ul>
                <li>
                <a id="link-forgot-passwd" target="_top" href="#"> Can't access your account? </a>
                </li>
			</ul>
            
        </div>
      </div> 
  
  	<div class="product-info lh2">
		<div class="product-headers">
	  		<h1 class="redtext">Album Web SE K53</h1>
		</div>
        <div class="labels">
            <p class="share">Share photos with friends and family</p>
            <p class="explore">...or explore public photos</p>
        </div>
	</div>

	<div class="images">
    	<a id="leftImg" class="share" href="#">
        	<img src="images/left-5.jpg" style="border:1px solid #0000ff" height="200" width="305">
		</a>
        <a id="rightImg" class="explore" href="#">
        	<img src="images/mosaic3.jpg" style="border:1px" height="202" width="202">
        </a>
	</div>
    
	<p>
		<a href="#">Learn more about SE K53 Web Albums »</a>
	</p>
    
</div> 

</body>
</html>
